﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Weather._default"
  EnableViewState="false" EnableSessionState="false" %>

<!DOCTYPE html>
<html>
<head runat="server">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Temperatures in selected cities</title>
  <link rel="stylesheet" href="Styles/reset.css" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css" />
  <link rel="stylesheet" href="Styles/jquery-mobile-fluid960.min.css" />
  <link rel="stylesheet" href="Styles/custom.css" />
  <script src="http://code.jquery.com/jquery-1.6.4.min.js"> </script>
  <script src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"> </script>
</head>
<body>
  <div data-role="page">
    <asp:Literal runat="server" ID="ltrMessage"></asp:Literal>
    <asp:Repeater ID="rptCity" runat="server">
      <HeaderTemplate>
        <ul data-role="listview" class="ui-listview">
      </HeaderTemplate>
      <ItemTemplate>
        <li class="ui-li ui-li-static ui-body-c ui-li-has-thumb">
          <fieldset class="container_12">
            <div class="grid_4 columnwrapper">
              <div class="incolumn">
                <span>
                  <%#Eval("Name")%></span></div>
            </div>

            <div class="grid_2 columnwrapper">
              <div class="incolumn">
                <span class="Temp">
                  <%#Eval("CurrentTemperatureForDisplay")%></span></div>
            </div>

            <div class="grid_2 columnwrapper">
              <div class="incolumn">
                <span class="TempLH">
                  (<%#Eval("LowTemp")%> / <%#Eval("HighTemp")%>)</span></div>
            </div>

            <div class="grid_2 columnwrapper">
              <div class="incolumn">
                <img src="<%#Eval("IconPath")%>" class="icon" alt=""/></div>
            </div>

            <div class="grid_2 columnwrapper">
              <div class="incolumn">
              <span class="humidity">
                <%#Eval("Humidity")%></span></div>

            </div>
          </fieldset>
        </li>      
      </ItemTemplate>
      <FooterTemplate>
        </ul>
      </FooterTemplate>
    </asp:Repeater>
  </div>
</body>
</html>
